<template>
    <div class="popup_pg">
      
        <div class="name" >发震时刻:{{vdata.time}}</div>
        <div class="text">纬度:{{vdata.lat}}</div>
        <div class="text">经度:{{vdata.lng}}</div>
        <div class="text" v-if="vdata.zjyx">直接影响区域:{{vdata.zjyx}}</div>
        <div class="text" v-if="vdata.jjyx">间接影响区域:{{vdata.jjyx}}</div>
        <div class="text" v-if="vdata.location||vdata.address">参考位置:{{vdata.location||vdata.address}}</div>
        <div class="text"  v-if="vdata.mk">影响矿山:{{vdata.mk}}</div>
        <div class="text"  v-if="vdata.num">影响人数:{{vdata.num}}</div>
        <div class="text" v-if="vdata.msg">警示信息:{{vdata.msg}}</div>
        <div class="time" v-if="vdata.time">发震时间:{{vdata.time}}</div>
    </div>
</template>
<script>
export default {
    name: "popup_pg",
    props:{
      vdata:{}
    },
    data(){
      return{
        levelMap:{
            "01":"重大风险 ",
            "02":"较大风险",
            "03":"一般风险",
            "04":"低分险",
        },
        levelColor:{
          "01":"#db2d2d ",
          "02":"#fc7500",
          "03":"#e3ca21",
          "04":"#00b4ff",
        },
        typeMap:{
            "ts":'态势预警',//态势预警
            "sg":'事故预警',//事故预警
            "zh":'灾害',//灾害
            "ws":'瓦斯预警',//瓦斯预警
            "jd":'瓦斯预警',//瓦斯预警
        },
      }
    },
   created(){
    console.log(this.vdata)
   }
}
</script>

<style  lang="less" scoped>
  .popup_pg{
    font-size: 1.4vh;
    line-height: 2vh;
    .name{ font-size: 1.4vh; }
    .text{ font-size: 1.4vh;color: #40E6FE; }
    .time{color: #84A9FF;font-size: 1vh;}
   
  }
</style>
